import Counter from "@/components/Counter";
import DeepCounter from "@/components/DeepCounter";
import BearCounter from "@/components/BearCounter";
import ImageGallery from "@/components/ImageGallery";

export default function Home() {
  return (
    <div className="min-h-screen bg-gray-50">
      <main className="container mx-auto py-8 px-4">
        <div className="grid gap-8">
          <section className="grid md:grid-cols-3 gap-4">
            <div className="bg-white rounded-lg shadow-sm">
              <Counter />
            </div>
            <div className="bg-white rounded-lg shadow-sm">
              <DeepCounter />
            </div>
            <div className="bg-white rounded-lg shadow-sm">
              <BearCounter />
            </div>
          </section>

          <section className="bg-white rounded-lg shadow-sm">
            <ImageGallery />
          </section>
        </div>
      </main>
    </div>
  );
}
